import SwiftUI

struct MapNotes: View {

  let mapSize: CGSize
  let lineWidth: CGFloat
  let notes: [Note]

  let maxWidth = 400.0

  var body: some View {
    ForEach(notes, id: \.id) { note in
      Text(note.text.replacingOccurrences(of: "\\n", with: "\n")).font(.theme.note)
        .padding(2.0)
        .background(.white)
        .foregroundColor(.map.labelColor)
        .border(Color.map.vertexColor, width: lineWidth)
        .frame(minWidth: 16.0, maxWidth: maxWidth, alignment: .topLeading)
        .offset(
          CGSize(
            width: w(note.position.x),
            height: h(note.position.y)
          )
        )
    }
  }

  func h(_ dimension: CGFloat) -> CGFloat {
    max(0.0, min(mapSize.height, dimension * mapSize.height / 100.0))
  }

  func w(_ dimension: CGFloat) -> CGFloat {
    max(0.0, min(mapSize.width, dimension * mapSize.width / 100.0))
  }
}

#Preview {
  MapNotes(
    mapSize: CGSize(width: 400.0, height: 400.0), lineWidth: 1.0,
    notes: [
      Note(
        id: 0, position: CGPoint(x: 50.0, y: 50.0),
        text:
          "Notes can have a lot more text, so we need to make sure that they're resized correctly")
    ])
}